<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>订单支付</title>
    <link rel="stylesheet" type="text/css" href="css/models.css">
</head>
<body>
<div class="MainContent">
    <!--面包屑-->
    <div class="current">当前位置：<a href="#">订单管理</a>&nbsp;&gt;&nbsp;<a href="#">进货订单</a>&nbsp;&gt;&nbsp;<span>订单支付</span> </div>
    <!--end 面包屑-->
    <!--主体内容-->
    <div class="MainCont">
        <!--标题-->
        <div class="ph_subTit no_border">
            <h2>付款总额</h2>
        </div>
        <!--end 标题-->
        <!--付款金额-->
        <div class="ph_payment">
            <p class="require ph_paymentTxt">¥80000.00</p>
            <p class="require">温馨提示：请尽快付款，以便订单及时处理</p>
        </div>
        <!--end 付款金额-->
        <!--标题-->
        <div class="ph_subTit no_border">
            <h2>支付方式</h2>
        </div>
        <!--end 标题-->
        <div class="ph_methodBox">
            <p><input class="Js_radio" name="radio" type="radio" value="0" checked>余额支付 <span>可用余额：¥100000.00</span></p>
            <p><input class="Js_radio" name="radio" type="radio" value="1">三方支付-银联支付</p>
            <p class="ph_methPass">
                <label for="">支付密码：</label>
                <input name="" type="password">
            </p>
        </div>
        <!--按钮-->
        <div class="PopupBtn btnLeft">
            <input class="submit" name="" type="button" value="立即支付"><input class="cancel" name="" type="button" value="取消">
        </div>
        <!--end 按钮-->
    </div>
    <!--end 主体内容-->
</div>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
    $(function(){
        $('.ph_methodBox .Js_radio').on('click',function(){
            var radioNm = $(this).val();
            if(radioNm == '0'){
                $(this).parents('.ph_methodBox').find('.ph_methPass').removeClass('hide');
            }else{
                $(this).parents('.ph_methodBox').find('.ph_methPass').addClass('hide');
            }
        });
    });
</script>
</body>
</html>